##############################################################
## MOD Title:		Photo Album Block Scrolling
## MOD Author:		Kooky <kooky@altern.org> (n/a) http://perso.edeign.com/kooky/	
## MOD Description:	Allow to add Photo Album Block with a scroll effect
##			(Works with both Mozilla FireFox and ie)
## Rev date:		16/08/2004
##
##############################################################
#
#-----[ OPEN ]------------------------------------------
#
templates/subSilver/portal_body.tpl

#
#-----[ FIND ]------------------------------------------
#
				<table width="100%" cellpadding="2" cellspacing="1" border="0" class="forumline">
					<tr>
						<th class="thTop" height="25" nowrap="nowrap">{L_NEWEST_PICS}</th>
					</tr>
					<!-- BEGIN no_pics -->
					<tr>
						<td class="row1" align="center" height="50"><span class="gen">{L_NO_PICS}</span></td>
					</tr>
					<!-- END no_pics -->
					<!-- BEGIN recent_pics -->
					<!-- BEGIN recent_detail -->
					<tr>
						<td class="row1" width="{S_COL_WIDTH}" align="center"><a href="{recent_pics.recent_detail.U_PIC}"{TARGET_BLANK}><img src="{recent_pics.recent_detail.THUMBNAIL}" border="0" alt="{recent_pics.recent_detail.DESC}" title="{recent_pics.recent_detail.DESC}" vspace="10" /></a></td>
					</tr>
					<tr>
						<td class="row2" align="center">
							<span class="gensmall">
							{L_PIC_TITLE}: {recent_pics.recent_detail.TITLE}<br />
							{L_POSTER}: {recent_pics.recent_detail.POSTER}<br />
							{L_POSTED}: {recent_pics.recent_detail.TIME}<br />
							{L_DIMENSION}: {recent_pics.recent_detail.DIMENSION}<br />
							{L_SIZE}: {recent_pics.recent_detail.SIZE}<br />
							{L_VIEW}: {recent_pics.recent_detail.VIEW}<br />
							{recent_pics.recent_detail.RATING}{recent_pics.recent_detail.COMMENTS}<br />
							</span>
						</td>
					</tr>
					<!-- END recent_detail -->
					<!-- END recent_pics -->
					<tr>
						<td class="row3" height="25" align="center"><span class="gensmall">[ <a href="{U_ALBUM}">{L_ALBUM}</a> ]</span></td>
					</tr>
				</table>
				<br />

##############################################################
# Choose one solution: vertical or horizontal display
##############################################################
#
# VERTICAL DISPLAY
#
#-----[ REPLACE WITH ]------------------------------------------
#
				<script language="javascript" type="text/javascript">
				function getElement(obj)
				{
					var tmp = '';
					if (document.getElementById)
					{
						tmp = document.getElementById(obj);
					}
					else
					{
						tmp = document.all[obj];
					}
					return tmp;
				}
				</script>
				<table width="100%" cellpadding="2" cellspacing="1" border="0" class="forumline">
					<tr>
						<th class="thTop" height="25" nowrap="nowrap">{L_NEWEST_PICS}</th>
					</tr>
					<!-- BEGIN no_pics -->
					<tr>
						<td class="row1" align="center" height="50"><span class="gen">{L_NO_PICS}</span></td>
					</tr>
					<!-- END no_pics -->
					<tr>
						<td>
						<marquee id="scroll_pics" behavior="scroll" direction="up" height="200" scrolldelay="100" scrollamount="2">
						<table cellspacing="0" cellpadding="1" border="0">
							<!-- BEGIN recent_pics -->
							<!-- BEGIN recent_detail -->
							<tr>
								<td class="row1" width="{S_COL_WIDTH}" align="center"><a href="{recent_pics.recent_detail.U_PIC}" onmouseover="getElement('scroll_pics').stop()"  onmouseout="getElement('scroll_pics').start()"{TARGET_BLANK}><img src="{recent_pics.recent_detail.THUMBNAIL}" border="0" alt="{recent_pics.recent_detail.DESC}" title="{recent_pics.recent_detail.DESC}" vspace="10" /></a></td>
							</tr>
							<tr>
								<td class="row2" align="center">
									<span class="gensmall">
									{L_PIC_TITLE}: {recent_pics.recent_detail.TITLE}<br />
									{L_POSTER}: {recent_pics.recent_detail.POSTER}<br />
									{L_POSTED}: {recent_pics.recent_detail.TIME}<br />
									{L_DIMENSION}: {recent_pics.recent_detail.DIMENSION}<br />
									{L_SIZE}: {recent_pics.recent_detail.SIZE}<br />
									{L_VIEW}: {recent_pics.recent_detail.VIEW}<br />
									{recent_pics.recent_detail.RATING}{recent_pics.recent_detail.COMMENTS}<br />
									</span>
								</td>
							</tr>
							<!-- END recent_detail -->
							<!-- END recent_pics -->
						</table>
						</marquee>
						</td>
					</tr>
					<tr>
						<td class="row3" height="25" align="center"><span class="gensmall">[ <a href="{U_ALBUM}">{L_ALBUM}</a> ]</span></td>
					</tr>
				</table>
				<br />
#
##############################################################
#
# HORIZONTAL DISPLAY (from right to the left)
# Note: you can replace direction="right" with "left"
#
#-----[ REPLACE WITH ]------------------------------------------
#
				<script language="javascript" type="text/javascript">
				function getElement(obj)
				{
					var tmp = '';
					if (document.getElementById)
					{
						tmp = document.getElementById(obj);
					}
					else
					{
						tmp = document.all[obj];
					}
					return tmp;
				}
				</script>
				<table width="100%" cellpadding="2" cellspacing="1" border="0" class="forumline">
					<tr>
						<th class="thTop" height="25" colspan="{S_COLS}" nowrap="nowrap">{L_NEWEST_PICS}</th>
					</tr>
					<!-- BEGIN no_pics -->
					<tr>
						<td class="row1" align="center" colspan="{S_COLS}" height="50"><span class="gen">{L_NO_PICS}</span></td>
					</tr>
					<!-- END no_pics -->
					<tr>
						<td>
						<marquee id="scroll_pics" behavior="scroll" direction="right" height="200" scrolldelay="100" scrollamount="2">
						<table cellspacing="0" cellpadding="1" border="0" class="bodyline">
							<!-- BEGIN recent_pics -->
							<tr>
								<!-- BEGIN recent_col -->
								<td class="row3" width="{S_COL_WIDTH}" align="center"><a href="{recent_pics.recent_col.U_PIC}" onmouseover="getElement('scroll_pics').stop()"  onMouseOut="getElement('scroll_pics').start()"{TARGET_BLANK}><img src="{recent_pics.recent_col.THUMBNAIL}" border="0" alt="{recent_pics.recent_col.DESC}" title="{recent_pics.recent_col.DESC}" vspace="10" /></a></td>
								<!-- END recent_col -->
							</tr>
							<tr>
								<!-- BEGIN recent_detail -->
								<td class="row2" align="center">
									<span class="gensmall">
									{L_PIC_TITLE}: {recent_pics.recent_detail.TITLE}<br />
									{L_POSTER}: {recent_pics.recent_detail.POSTER}<br />
									{L_POSTED}: {recent_pics.recent_detail.TIME}<br />
									{L_DIMENSION}: {recent_pics.recent_detail.DIMENSION}<br />
									{L_SIZE}: {recent_pics.recent_detail.SIZE}<br />
									{L_VIEW}: {recent_pics.recent_detail.VIEW}<br />
									{recent_pics.recent_detail.RATING}{recent_pics.recent_detail.COMMENTS}<br />
									</span>
								</td>
								<!-- END recent_detail -->
							</tr>
							<!-- END recent_pics -->
						</table>
						</marquee>
						</td>
					</tr>
					<tr>
						<td class="row3" height="25" align="center" colspan="{S_COLS}"><span class="gensmall">[ <a href="{U_ALBUM}">{L_ALBUM}</a> ]</span></td>
					</tr>
				</table>
				<br />
#
#-----[ SAVE/CLOSE ALL FILES ]------------------------------------------
#
# EoM